﻿/*!* Account page @author WangPing @Date:2014/08/19 16:36：59*/
/*login*/.login-wrap { }
.security-pro { position: relative; font-size: 12px; height: 20px; line-height: normal; vertical-align: top; text-align: center; color: #8a949c;padding-right:50px;}
.security-pro b { padding-left: 20px; font-weight: normal }
.security-pro .icons { margin-right: 3px; position: absolute }
.login-entry { width: 400px; height: auto; position: relative; border: 1px solid #e8ecef; border-radius: 3px; background: #fff; float: left; display: inline; padding: 10px 0px 60px }
.login-entry a:hover { text-decoration: underline }
.login-entry .head { position: relative; height: 70px }
.login-entry .head .line { height: 1px; font-size: 0; line-height: 0; overflow: hidden; float: left; background: #e7ecee; width: 100%; position: absolute; left: 0; top: 35px }
.login-entry .head h2 { font-size: 16px; height: 30px; line-height: 30px; color: #69737b; position: absolute; left: 30px; top: 20px; z-index: 3; padding: 0 15px; background: #fff }
.login-entry .login-error { height: 40px; color: #d35352; position: absolute; left: 105px; top: 60px; width: 250px; overflow: hidden; display: none }
.login-entry .login-error table { width: 100%; vertical-align: middle; height: 40px }
.login-entry .login-error td { height: 40px }
.login-entry-ad{float:left; width:486px; height:457px;}
.login-items { padding-top: 20px }
.login-items label { float: left; padding: 10px 15px 0 0; width: 60px; text-align: right; font-size: 14px }
.login-items li { height: 60px; position: relative }
.login-items input { width: 230px; color: #8a949c; float: left; display: inline }
.login-items .error { width: 120px; padding-top: 10px; font-size: 12px; color: #d35352; position: absolute; left: 325px; top: 0 }
.login-items .authcode { vertical-align: top; margin-left: 5px; float: left; display: inline; cursor: pointer;}
.login-items .refcode { height: 42px; width: 42px; float: left; display: inline; background: #e8ecef; text-align: center; position: relative; margin-left: 5px; color: #475058 }
.login-items .refcode i { position: absolute; left: 13px; top: 8px }
.login-items .refcode b { position: absolute; left: 0; bottom: 5px; width: 100%; font-weight: normal }
.login-items .refcode:visited { color: #475058 }
.login-items .refcode:hover { color: #349cd8 }
.login-check { width: 250px; height: 40px; padding-top: 10px; margin: 0 auto; position: relative }
.login-check label { float: left; display: inline; position: relative; padding-right: 15px }
.login-check label .icons { position: absolute; left: auto; top: 4px }
.login-check input { float: left }
.login-check a { position: absolute; right: 0; top: 10px; font-size: 12px; }
.login-button { width: 250px; height: 50px; margin: 0 auto; position: relative }
.login-button input { width: 240px; height: 50px; line-height: 50px; background: #15456f; border: 0; text-align: center; color: #fff; font-size: 16px; cursor: pointer; }
.login-button input.disabled { background: #a1acb4; cursor: default }
.login-server { width: 250px; height: 20px; line-height: 20px; padding: 20px 0; overflow: hidden; margin: 0 auto; position: relative }
.login-server a { font-size: 12px; position: relative; display: inline-block; padding-left: 20px; margin-right: 10px }
.login-server .weibo .icons { background-position: -205px -60px; width: 17px; height: 16px; position: absolute; left: 0; top: 1px }
.login-server .qq { padding-left: 16px; margin-left: 10px; color: #8a949c }
.login-server .qq .icons { background-position: -205px -80px; width: 16px; height: 19px; position: absolute; left: 0; top: 1px }
.login-server .reg { position: absolute; right: 0; top: 20px }
.adSwitch { width: 300px; height: 350px; margin: 55px 0 0 90px; float: left; display: inline; position: relative; overflow: hidden }
.adSwitch .prev, .adSwitch .next { width: 16px; height: 28px; position: absolute; top: 40px; cursor: pointer; z-index: 99; overflow: hidden }
.adSwitch .prev { background-position: -157px -120px; left: 25px }
.adSwitch .next { background-position: -174px -120px; right: 25px }
.adSwitch a, .adSwitch a:visited { color: #349cd8 }
.adSwitch a:hover { text-decoration: underline }
.adSwitch .items { width: 300px; height: 350px; overflow: hidden; position: absolute; left: 0; top: 0 }
.adSwitch li { width: 300px; height: 350px; overflow: hidden; float: left; display: inline; text-align: center; background: #f0f4f7 }
.adSwitch li .img { width: 110px; height: 110px; overflow: hidden; margin: 0 auto }
.adSwitch li .img img { display: block }
.adSwitch li h2 { font-size: 18px; padding-top: 45px }
.adSwitch li p { text-align: center; padding: 10px 0; line-height: 26px }/*register*/
.reg-title { position: relative; height: 70px; overflow: hidden; margin: 0 auto }
.reg-title .line { height: 1px; font-size: 0; line-height: 0; overflow: hidden; float: left; background: #e7ecee; width: 100%; position: absolute; left: 0; top: 35px }
.reg-title h2 { font-size: 16px; height: 30px; line-height: 30px; color: #2e353b; position: absolute; left: 20px; top: 20px; z-index: 3; padding: 0 15px; background: #fff }
.reg-steps { height: 57px; overflow: hidden; margin: 0 auto }
.reg-steps ol { height: 57px; width: 100%; overflow: hidden }
.reg-steps li { position: relative; float: left; display: inline; width: 33.33%; height: 57px; line-height: 57px; background: #f0f4f7 url(../images/steps.png) no-repeat right 0; color: #8a949c; }
.reg-steps .step-3 { z-index: 1; background: #f0f4f7 }
.reg-steps .txt { float: left; display: inline; position: relative; padding-left: 120px }
.reg-steps .dot24 { position: absolute; left: 80px; top: 16px; text-indent: 0; font-size: 14px; line-height: 24px; text-align: center; font-family: Tahoma; font-size: 18px; font-style: normal; font-family: Tahoma, Geneva, sans-serif }
.forgot-steps li { width: 24.33% }
.forgot-steps .step-4 { z-index: 1; background: #f0f4f7 }
.reg-step-1 .step-1, .reg-step-2 .step-2, .forgot-steps .reg-step-3 .step-3 { color: #fff; background: #a1acb4 url(../images/steps.png) no-repeat right 0 }
.reg-step-2 .step-1, .reg-step-3 .step-1, .reg-step-3 .step-2, .reg-step-4 .step-1, .reg-step-4 .step-2, .reg-step-4 .step-3 { color: #fff; background: #a1acb4 url(../images/steps.png) no-repeat right -135px }
.reg-step-3 .step-3, .reg-step-4 .step-4 { color: #fff; background: #a1acb4 }
.reg-step-1 .step-1 .dot24, .reg-step-2 .step-1 .dot24, .reg-step-2 .step-2 .dot24, .reg-step-3 .step-1 .dot24, .reg-step-3 .step-2 .dot24, .reg-step-3 .step-3 .dot24, .reg-step-4 .step-1 .dot24, .reg-step-4 .step-2 .dot24, .reg-step-4 .step-3 .dot24, .reg-step-4 .step-4 .dot24 { color: #8a949c }
.forgot-steps .reg-step-1 .step-3, .forgot-steps .reg-step-2 .step-3 { background: #f0f4f7 url(../images/steps.png) no-repeat right 0 }
.forgot-steps .txt { padding-left: 90px }
.forgot-steps .dot24 { left: 57px }
.novice-reg { background: url(../../../local/img/static/guidelines/rg.jpg) no-repeat 600px 50px }
.reg-items { overflow: hidden; zoom: 1; min-height: 300px; padding: 50px 30px 30px;}
.reg-items .gbtn { width: 120px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; padding: 0; border: 0 }
.reg-items .gbtn:visited { color: #fff }
.reg-items .items { height: 70px }
.reg-items .items li { position: relative; float: left }
.reg-items .items li.txt { float: left; display: inline; margin-right: 15px; width: 100px; text-align: right; padding-top: 10px }
.reg-items .items li.txt em { color: #d35353; padding-right: 3px }
.reg-items .items li input { float: left }
.reg-items .tip { padding-left: 10px; position: relative; display: inline-block; position: absolute; left: 250px; top: 8px; width: 445px; color: #8a949c }
.reg-items .tip .icons { position: absolute; left: 10px; top: 2px }
.reg-items .error { color: #d35353 }
.reg-items .proper { color: #18b160; padding-left: 30px }
.reg-items .getcode-input .getCodeBotton { margin: 3px 0 0 10px; height: 28px; line-height: 28px }
.pwdstrength { position: absolute; left: 0; top: 45px; height: 16px; overflow: hidden; width: 260px; font-size: 12px; display: none }
.pwdstrength span { float: left; margin-right: 1px; background: #e8ecef; text-align: center; height: 16px; line-height: normal; width: 83px; vertical-align: text-top; overflow: hidden }
.verifycode { vertical-align: top; margin-left: 10px; cursor: pointer;}
.refreshcode { height: 42px; width: 42px; display: inline-block; background: #e8ecef; text-align: center; position: relative; margin-left: 10px; color: #475058 }
.refreshcode:visited { color: #475058 }
.refreshcode:hover { color: #349cd8 }
.refreshcode i { position: absolute; left: 13px; top: 8px }
.refreshcode b { position: absolute; left: 0; bottom: 5px; width: 100%; font-weight: normal }
.reg-items .agreement { padding-left:33px; position: relative; color: #8a949c; }
.reg-items .agreement .error { position: static; left: auto; top: auto; display: inline-block; width: auto }
.reg-items .v-mode { padding: 0 0 15px 115px }
.next-step { padding: 15px 0 15px 115px; height: 50px }
.reg-items .security-pro { position: relative; font-size: 12px; height: 20px; line-height: normal; vertical-align: top; text-align: left; padding-left:35px;}
.reg-items .security-pro .icons { margin-right: 3px }
.email-items { position: relative; overflow: hidden; zoom: 1; width: 500px; margin: 0 auto; padding: 20px 0 50px 80px }
.email-items .security-pro { padding: 0 }
.email-items .email-dot { background-position: -205px -100px; width: 60px; height: 60px; position: absolute; left: 0; top: 25px; }
.email-items .e { font-size: 16px; line-height: 2.2 }
.email-items .b { padding: 15px 0; height: 35px; line-height: 35px; position: relative; padding-left: 110px }
.email-items .gbtn { width: 100px; height: 32px; line-height: 32px; margin-right: 10px; font-size: 14px; float: left; position: absolute; left: 0; top: 17px }
.reg-success { position: relative; overflow: hidden; zoom: 1; margin-left: 155px; font-size: 16px; padding: 20px 0 50px 110px }
.reg-success em { color: #ea8d3e; font-size: 30px; font-family: Tahoma; font-weight: bold }
.reg-success b { color: #ea8d3e }
.reg-success .security-pro { padding: 0 }
.reg-success .security-pro b { color: #999 }
.reg-success b.icons { position: absolute; left: 0; top: 25px; }
.reg-success .e { font-size: 16px; line-height: 2.2; margin-bottom: 10px }
.reg-success .t { border-top: 1px solid #e9edef; width: 480px }
.reg-success .b { padding: 10px 0 20px; margin-bottom: 30px; position: relative; width: 480px; border-bottom: 1px solid #e9edef }
.reg-success .links { position: absolute; left: auto; top: auto; margin-top: 10px }
.reg-success .gbtn { width: 110px; height: 40px; line-height: 40px; margin-right: 40px; font-size: 14px }
.email-help { height: 110px; padding: 20px 0; background: #f0f4f7; overflow: hidden }
.email-help ul { width: 102%; overflow: hidden; height: inherit }
.email-help li { float: left; border-right: 1px solid #d8dee3; width: 33%; height: 110px }
.email-help h3 { height: 30px; font-weight: bold; font-size: 14px; font-weight: normal; color: #69737b; line-height: 30px; padding: 0 30px }
.email-help p { line-height: 25px; color: #8a949c; padding: 0 30px; font-size: 12px }
.bind-yoo { text-align: center; height: 50px; line-height: 50px; padding-bottom: 30px; font-size: 24px; font-weight: normal; font-family: Tahoma, Helvetica, sans-serif }
.binding-tabs { height: 70px; background: #f0f5f7; overflow: hidden }
.binding-tabs ul { height: 70px; width: 103% }
.binding-tabs li { height: 57px; padding-top: 12px; margin-left: -1px; cursor: pointer; text-align: center; font-size: 18px; float: left; display: inline; width: 50%; border-left: 1px solid #cdd2d4; border-bottom: 1px solid #cdd2d4 }
.binding-tabs b { font-size: 12px; display: block; color: #8a949c; font-weight: normal }
.binding-tabs li.current { background: #fff; border-bottom: 0; height: 58px; cursor: default }
.bind-login { width: 500px; margin: 0 auto; padding-top: 60px }
.bind-login .tip { width: 100px; left: 250px }
.bind-login .next-step { padding: 15px 0 50px 115px }
.bind-login .next-step .gbtn { width: 250px }
.reg-unbind { width: 630px; margin: 0 auto; padding-top: 60px }
.reg-unbind .tip { width: 340px; left: 250px }
.reg-unbind .ddf { top: 0 }
.reg-unbind .agreement .tip { padding-left: 23px }
.reg-unbind .gbtn { width: 255px }/*phone code*/
.phone-code-entry { }
.phone-code-entry p { text-align: center; padding: 15px 0 }
.phone-code-entry .items { overflow: hidden; zoom: 1; margin: 0 15px }
.phone-code-entry .items span { padding: 5px 0 0 10px; display: inline-block; color: #8a949c }
.phone-code-entry .items li { height: 50px; line-height: 30px; position: relative }
.phone-code-entry label { float: left; display: inline; margin-right: 5px; width: 115px; text-align: right; padding-top: 5px }
.phone-code-entry input { float: left; display: inline; margin-left: 10px }
.phone-code-entry .gbtn { background: #15456f; color: #fff; cursor: pointer; border: 0; width: 102px; text-align: center; height: 30px; line-height: 30px; margin: 10px 0 0 10px; font-size: 14px; padding: 0 }
.phone-action { padding-top: 10px; text-align: center; height: 40px; position: relative }
.phone-action b { display: inline-block; font-weight: normal; float: left; margin-left: 60px; padding-top: 4px }
.phone-action span { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; position: absolute; left: 300px; top: 9px }
.phone-code-foot { background: none; border-top: 1px solid #e7ecee }
.phone-code-entry .error { color: #d35353 }/*find pwd*/
.for-review { height: 70px; padding: 20px; background: #f0f4f7; overflow: hidden; font-size: 14px; line-height: 2.2; margin-top: 20px }
.for-review .button-review { display: inline-block; padding-right: 10px }
.for-review .button-review .icons { background-position: -434px 0; width: 14px; height: 13px; margin-left: 3px }
.for-review .f16 { font-size: 16px }
.phoneInfoCheck { padding-bottom: 20px; position: relative }
.phoneInfoCheck .codeTime { position: absolute; bottom: -5px; left: 130px; background: none; text-align: left; width: auto }
.phoneInfoCheck .getVerifyType { background: #15456f; margin-right: 10px; padding: 0 10px; color: #fff; display: inline-block; text-align: center }
.phoneInfoCheck .getVerifyType:hover { text-decoration: none }
.phoneInfoCheck .getVerify-Invalid { background: #89949d; cursor: default }


.syne{ min-height:400px; position:relative}
.syne .line{ height:1px; font-size:0; overflow:hidden; background:#fff; border-top:1px dashed #cccccc}
.syne .button{ padding:20px 0}
.syne .button .gbtn{ padding:0 40px; height:40px; line-height:40px; font-size:14px}
.syne-passwd{ width:600px; margin:50px auto 0; padding:0 0 30px 80px}
.syne-passwd .success-green60{ position:absolute; left:0; top:0}
.syne-passwd h2{ padding-top:20px; font-size:18px; min-height:70px}
.syne-passwd .items{ min-height:55px}
.syne-passwd .items li{ float:left; color:#7f7f7f; width:435px; position:relative}
.syne-passwd .items li.txt{ width:160px; color:#333}
.syne-passwd .items em{ color:#F30}
.syne-passwd .input{ padding:7px 5px}
.syne-passwd .tip{ position:absolute; left:260px; top:0}
.syne-passwd .security-pro{ border-top:1px solid #e9edef; padding-top:30px}
.syne-passwd .button{ padding:20px 0 20px 160px}
.syne-redpack{ margin:0 20px; text-align:center; padding-bottom:50px}
.syne-redpack .reg-p{ height:115px; line-height:110px; font-size:18px; padding:30px 0; text-align:left; text-indent:200px}
.syne-redpack img{ display:inline-block; margin-left:10px}
.syne-redpack .p{text-align:left; text-indent:200px; font-size:18px; padding:20px 0 40px 0}

/* cooperation register */
.cooperation-reg li{width:25%;}
.cooperation-reg .step-3{background:#f0f4f7 url(../../../local/img/common/steps.png) no-repeat right 0;}
.cooperation-reg .step-4{background:#f0f4f7;}
.cooperation-reg .reg-step-3 .step-3{background:#a1acb4 url(../../../local/img/common/steps.png) no-repeat right 0;}
.cooperation-reg .reg-step-4 .step-3{background:#a1acb4 url(../../../local/img/common/steps.png) no-repeat right -135px;}
.cooperation-reg .reg-step-4 .step-4{background:#a1acb4;}
.syne-redpack .reg-p2{text-indent:128px;}
.syne-redpack .reg-p3{text-indent:166px;}
.syne-redpack .reg-p3 .mr30{margin-right:30px;}
.syne-relname{width:auto; min-height: auto; margin-top:20px; padding:0 0 30px 128px; text-align: left;}
.syne-relname .items{padding-left:100px;}
.syne-relname .items li.txt{width:80px; line-height:30px;}
.syne-relname .button{padding-left:180px;}

.reg-title-info{width: 819px;position: relative;margin: 30px 0;height: 21px;}
.reg-title-info h3{color: #69737b;font-size: 14px;position: absolute;top: 0;left: 0;background-color: #fff;z-index: 1;padding-right: 10px;}
.reg-title-info .line { height: 1px; font-size: 0; line-height: 0; overflow: hidden; float: left; background: #e7ecee; width: 100%; position: absolute; left: 0; top: 10px }
.wrapper-reg{width: 448px!important;padding-left: 32px;padding-right: 28px;height: 640px;}
.bonus{width: 280px;height: 53px;position: absolute;top: 70px;right: 60px;background: url(../../../local/img/register/bonus.png) no-repeat;display: none;}
.reg-items .agreement .label{color: #475058;}
.phoneNumberShow .mobile{color: #2e353b!important;font-size: 16px;}
.msg-tips{width: 736px;line-height: 18px;color: #8a949c;background-color: #fdf9f3;border: 1px solid #e7eaec;padding: 12px 30px 12px 52px;position: relative;}
.msg-tips em{width: 14px;height: 14px;float: left;margin-right: 10px;position: absolute;top: 13px;left: 28px; background: url(../../../local/img/register/tips.jpg) no-repeat;}
.msg-tips span b{font-weight: normal;color: #fc8936;}
.phone-code-new label{width: 85px;}
.phone-verify .agreement{margin-bottom: 10px;}
.phone-code-new .items{height: 58px;}
#dialogPrompt{overflow: hidden;}
#dialogPrompt .tanhao-gray60,#dialogPrompt .cm-white{display: none;}
#dialogPrompt{color: #8a949c;}
#dialogPrompt .span{color: #485057;}
.dialog-foot .bank-action a{padding: 0 18px;}
.input-close{width: 16px;height: 16px;cursor: pointer;position: absolute;background: url(../../../local/img/register/input_close.png) no-repeat;z-index: 9; }
.input-pwd{position: relative;z-index: 2;background-color: transparent;}
.label-tip{position: absolute;left: 10px;top: 0;height: 42px;line-height: 42px;font-size: 13px;color: #999;z-index: 1;}
#mobileCodeMessage{left: 450px;top: 0;}
.wechat{padding-left: 9px!important;}
.wechat .icons{width: 20px;height: 17px;background: url(../../../local/img/register/wechat.png) no-repeat;position: relative;top: 2px;margin-right: 8px;}
.btn-gray,.btn-gray:hover{background-color: #89949d; cursor: default;}
#mobileMessage .green-proper{top: 5px;}
#signAuthCodeTipAuto{left: 250px!important;top: 11px!important;}
#signAuthCodeTip{left: 285px;top: 11px;}
.wrapper-reg .step-2 .txt{padding-left: 100px;}
.wrapper-reg .step-2 .txt .dot24{left: 60px;}
.bonus{display: block;}

